<template>
    <!--完成整改-->
    <div class="complete">
        <header>
            <mt-header title="提交完成" style="background-color:#F9F9F9;color:#333333;">
                <router-link to="/" slot="left">
                    <mt-button icon="back"></mt-button>
                </router-link>
            </mt-header>
        </header>
        <section>
            <section style="margin-bottom:5px;">
                <div class="sec">
                    <section style="margin-bottom:5px;">
                        <mu-paper class="demo-paper" :z-depth="2">
                            <section class="box" style="margin:0;" @click="$router.push('/inspect_Details')">

                                <p class="line-list flex_b">
                                    <mu-badge small content="一般问题" color="success"></mu-badge>
                                    <mu-badge small content="整改中" color="error"></mu-badge>
                                </p>
                                <p class="line-list textdot">
                                    <span class="">项目名称：中建八局企业微信项目</span>
                                </p>
                                <p class="line-list textdot">
                                    <span>检查部位：大梁根基</span>
                                </p>
                                <p class="line-list">
                                    <span>问题类型：A3-F5</span>
                                </p>
                                <p class="line-list textdot">
                                    <span>问题描述：中建八局企业微信项目中建八局企业微信项目中建八局企业微信项目</span>
                                </p>
                                <p class="line-list">
                                    <span>检查时间：2019-12-12 23:00</span>
                                </p>
                                <p class="line-list flex_b">
                                    <span>整改期限：一周三次</span>
                                </p>
                                <p class="line-list flex_b">
                                      <span>整改责任人：
                                        <mu-avatar color="primary" size="25">兰</mu-avatar>
                                        兰文亮
                                      </span>
                                </p>
                            </section>
                            <section style="padding:10px 0;">
                                <mu-flex justify-content="around" align-items="center">
                                    <mu-button small color="primary" @click="$router.push('/accountTips')">生成整改通知单
                                    </mu-button>
                                </mu-flex>
                            </section>
                        </mu-paper>
                    </section>
                </div>
            </section>
        </section>
    </div>
</template>

<script>
    import {MessageBox} from 'mint-ui';

    export default {
        name: "complete",
        data () {
            return {}
        },
        created () {
            //提示语
            MessageBox.alert('提交成功').then(action => {

            });
        },
        mounted () {

        },
        methods: {}
    }
</script>

<style scoped lang="scss">
    .complete {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        header {
            width: 100%;
        }
        section {
            flex: 1;
            display: flex;
            flex-direction: column;
            overflow: auto;
            .sec {
                background: white;
                margin: 0.1rem;
            }
        }
    }
</style>
